<ng-template #modalContent>
    <nz-spin [nzSpinning]="modalLoadingState">
            <div nz-row  [nzGutter]="[10, 6]">
                <div nz-col nzSpan="24" style='display: flex'>
                      <nz-form-label >角色名称</nz-form-label>
                      <input nz-input [(ngModel)]="entity.roleName"  placeholder="请输入角色名称" [disabled] = 'true' />
                </div>
                <div nz-col nzSpan="24" style='display: flex'>
                    <nz-form-label >权限字符</nz-form-label>
                    <input nz-input [(ngModel)]="entity.roleKey" placeholder="请输入权限字符" [disabled] = 'true'/>
                </div>
                <div nz-col nzSpan="24" style='display: flex'>
                    <nz-form-label>数据权限范围</nz-form-label>
                    <app-normal-select [value]='dataPermissionType' [(selectKey)]='entity.dataScope' [allowClear]='false'></app-normal-select>
                </div>
                <div nz-col nzSpan="24" *ngIf='entity.dataScope == "2"'>
                    <nz-form-label>数据权限</nz-form-label>
                    <app-check-tree [allTree]='deptList' [(defaultCheckedKeys)]='checkedKeys' [maxHeight]='"300px"' ></app-check-tree>
                </div>
            </div>
    </nz-spin>
</ng-template>
<ng-template #modalFooter>
    <button nz-button nzType="primary" [nzLoading]="saveLoadingState" (click)="onSave()">
        保存
    </button>
</ng-template>

